『1冊ですべて身につくHTML &CSSとWebデザイン入門講座』読書メモ
#書きかけ
著者:
Mana
Chapter1 最初に知っておこう!Webサイトの基本
よいWebデザインとは
Webサイトの種類
ユーザービリティを考えたWebデザイン
Webサイトの仕組み
実は「Web」と「インターネット」は違う→
Webとインターネット
インターネット
World Wide Web
Webページ
URL
とは?
デバイスの種類
Webブラウザの種類
Webサイト制作の流れ
グラフィックツールの種類
WEBサイト制作を始める前に
Chapter2 Webの基本構造を作る! HTMLの基本
HTML
とは?
Sublime TextでHTMLファイルを作る
HTMLファイルのルール
HTMLの骨組み
HTMLの基本文法
<H1>~<H6>タグ
<P> タグ
<IMG>タグ
ファイルパスを指定する
<A>タグ
リストを表示するHTMLタグ
表を作るHTMLタグ
入力フォームを作るHTMLタグ
ブロック要素でグループ分けをするHTMLタグ
HTMLのソースコードを見る方法
色々なコメントアウト
の「HTMLのコメントアウト」
よく使うHTMLタグ
CHAPTER3 Webのデザインを作る!CSSの基本
CSS
とは?
CSSを適用させる方法
Sublime TextでCSSファイルを作る
CSSの基本文法
文字や文章を装飾する
Webフォントを使う〜 GoogleフォントでCSSファイルにスタイルを指定するまで〜
色の指定方法
色の印象とイメージとトーン
無彩色のカラーコード
色の組み合わせを考える
各色をメインで使ったWebサイトの例
背景に画像を設置する
著作権フリー画像サイト
幅と高さを指定する
CSSでよく使う単位
配色ツール
余白を調節する
線の太さ、種類、色を変える
色々なコメントアウト
の「CSSのコメントアウト」(久住さん記述)
リストを装飾する
クラスとIDを使った指定方法
Flexboxの書き方
CSSグリッドの書き方
読みやすいレイアウトとは~Zの法則とFの法則~
レイアウト別参考サイト一覧
デフォルトCSSをリセットする
よく使うCSSプロパティ
CHAPTER4 フルスクリーンのWebサイトを制作する
フルスクリーンページ制作の流れ
CHAPTER5 2カラムのWebサイトを制作する
2カラムのWebサイト作成の流れ
CHAPTER6 タイル型のWebサイトを制作する
タイル型のWebサイトを制作する流れ
CHAPTER7 外部メディアを利用する
外部メディアを利用する